*, *:before, *:after {
    box-sizing: border-box;
}

a {
    text-decoration: none;
    color: #2467fd;
}
.mr5{margin-right:5px;}
.clearfix {
    clear: both;
}

.clearfix:before, .clearfix:after {
    content: ".";
    display: block;
    font-size: 0;
    width: 0;
    height: 0;
    line-height: 0;
    overflow: hidden;
    visibility: hidden;
}

.clearfix:after {
    clear: both;
}

:root {
    --white: #fff;
    --black: #000;
    --bg: #f8f8f8;
    --grey: #3F3F3F;
    --dark: #1a1a1a;
    --light: #e6e6e6;
    --wrapper: 922px;
    --blue: #00b0ff;
}
.fr{float: right;}
.blue-color{color:#60a3fa;}
.green-color{color:#4fb08f;}
.orange-color{color:#fcc984;}
.red-color{color:#e87190;}
.chat-background{background-color:#7789BB;}
.wrapper {
    position: absolute;
    width:45%;
    height:55%;
    min-width:838px;
    min-height: 656px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    font-family: "Microsoft YaHei";


}

.container {
    position: relative;
    top: 50%;
    left: 50%;
    width: 98%;
    height: 95%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    box-shadow: 2px 3px 5px #d5d6d9;
    border: 1px solid #d5d6d9;
}

.container .title {
    position: relative;
    height: 50px;
    background: #7789BB;
    border-radius: 4px 3px 0px 0px;
    font-size: 24px;
    font-family: "Microsoft YaHei",PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: rgba(255, 255, 255, 1);
    line-height: 49px;
}

.container .title img {
    float: left;
    margin-left: 15px;
    margin-right: 8px;
}

.mt5 {
    margin-top: 10px;
}

.window_icon {
    position: absolute;
    top: 13px;
    right: 18px;
    z-index: 99999;
}

.window_icon li {
    float: left;
    width: 34px;
    height: 26px;
    position: relative;
}

.windows_input {
    border-top: 1px solid #ececec;
    height: 145px;
    width: 100%;
}

.input_icon {
    height: 42px;
    padding: 0 14px;
    min-width: 615px;
}

.input_icon a {
    float: right;
    position: relative;
    display: inline-block;
    height: 20px;
    line-height: 20px;
    padding: 0 10px 0 0;
    margin-top: 11px;
    margin-right: 8px;
    font-size: 12px;
    color: #4a4a4a;
    text-decoration: none;

}

.input_icon a:hover {
    color: #4694f9;
}

.input_icon a i {
    float: left;
    margin-right: 2px;
    font-size: 22px;
    margin-top:2px;
}

.input_icon a:nth-child(1) {
    float: left;
}

.input_icon a:nth-child(1) i {
    font-size: 22px;
}

/*.input_icon a:nth-child(4) i {*/
/*margin-right:5px;*/
/*font-size: 20px;*/
/*}*/
/*.input_icon a:nth-child(2) i {*/
/*margin-right:-2px;*/
/*}*/
/*.input_icon a:nth-child(1) {*/
/*background: url(../images/icon/icon13.png) no-repeat 5px center;*/
/*}*/

/*.input_icon a:nth-child(1):hover {*/
/*background: url(../images/icon/icon13_1.png) no-repeat 5px center;*/
/*}*/

/*.input_icon a:nth-child(2) {*/
/*background: url(../images/icon/icon14.png) no-repeat 8px center;*/
/*float: right;*/
/*}*/

/*.input_icon a:nth-child(2):hover {*/
/*background: url(../images/icon/icon14_1.png) no-repeat 8px center;*/
/*}*/

/*.input_icon a:nth-child(3) {*/
/*background: url(../images/icon/icon15.png) no-repeat 6px center;*/
/*float: right;*/
/*}*/

/*.input_icon a:nth-child(3):hover {*/
/*background: url(../images/icon/icon15_1.png) no-repeat 6px center;*/
/*}*/
/*.input_icon a:nth-child(4) {*/
/*background: url(../images/icon/icon16.png) no-repeat left center;*/
/*float: right;*/
/*}*/

/*.input_icon a:nth-child(4):hover {*/
/*background: url(../images/icon/icon16_1.png) no-repeat left center;*/
/*}*/
/*.input_icon a:nth-child(5) {*/
/*background: url(../images/icon/icon17.png) no-repeat 5px center;*/
/*float: right;*/
/*}*/

/*.input_icon a:nth-child(5):hover {*/
/*background: url(../images/icon/icon17_1.png) no-repeat 5px center;*/
/*}*/

.input_icon a img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.input_icon ul {
    float: right;
    width: 83%;
    line-height: 39px;
}

.input_icon ul li {
    float: left;
    margin: 0 9px 0 0;
}

.input_icon ul li span {
    width: 87px;
    height: 25px;
    background: #fff;
    border-radius: 6px;
    padding: 6px 6px;
    font-size: 12px;
}

.input_icon ul li span i {
    margin-right: 2px;
    margin-top: -2px;
}

.windows_input .swiper-warp {
    float: right;
    width: 83%;
    padding: 9px 15px 0;
    position: relative;
}

.windows_input .swiper-button-prev,
.windows_input .swiper-button-next {
    width: 28px;
    height: 29px;
    line-height: 29px;
    top: 28px;
    background-image: none;
    color: #707070;
    font-size: 14px;
}

.windows_input .swiper-button-prev {
    left: -5px;
}

.windows_input .swiper-button-prev:before {
    content: "\e645";
}

.windows_input .swiper-button-next:before {
    content: "\e644";
}

.windows_input .swiper-button-next {
    right: -18px;
}

.input_box {
    position: relative;
}

.input_box .publish_container {
    height: 64px;
}

.input_box .publish_container p {
    width: 100%;
    height: calc(100%);
    border: none;
    outline: 0;
    background: #fff;
    resize: none;
    font-size: 14px;
    line-height: 20px;
    overflow-y: auto;
    padding: 0 10px;
}

.input_box textarea {
    width: 100%;
    height: calc(100% - 42px);
    border: none;
    outline: 0;
    background: #fff;
    resize: none;
    font-size: 14px;
    line-height: 20px;
    overflow-y: auto;
    padding: 0 10px;
}

.input_box .meme {
    position: absolute;
    bottom: 144px;
    width:480px;
    background: #fff;
}

.input_box .textBox {
    height: 57%;
}

.blue-color {
    color: #1B84FE;
}

.red-color {
    color: #DB7D7D;
}

.pink-color {
    color: #F175BF;
}

.purple-color {
    color: #C874D4;
}

.orange-color {
    color: #C874D4;
}
.gray-color{
    color: #b5bdc8;
}
.yellow-color{
    color: #faa838;
}
.green-color2{color: #62b99b;}
.icon-zuosanjiaoxing,
.icon-yousanjiaoxing {
    float: left;
    font-size: 12px;
    color: #707070;
}

.input_box {
    height: calc(100% - 42px);
}

.office_text1 {
    width: 100%;
    height: 100%;
    position: relative;
    display: inline-block;
}

#send {
    border: 1px solid #e5e5e5;
    background: rgba(27, 132, 254, 1);
    border-radius: 4px;
    color: #fff;
    padding: 0 8px;
    outline: 0;
    width: 86px;
    height: 33px;
    float: right;
    margin-top: 2px;
    margin-right: 15px;
    cursor: pointer;
}

#send:hover {
    background: #09bb07;
    color: #fff;
    border: 1px solid #09bb07;
}


.windows_body {
    height: 344px;
    height: 74%;
    width: 100%;
    background: #f6f7ff url(../images/timg.png) repeat;
}

.office_text {
    width:98%;
    height: 90%;
    padding: 0 0 2rem;
    display: block;
}

.praise {
    width: 31px;
    /*position: absolute;*/
    /*right: 33px;*/
    /*bottom: 156px;*/
    position: absolute;
    right:-42px;
    bottom: 0;
    margin-top:6px;
}

.praise a {
    display: inline-block;
    width: 31px;
    height: 31px;
    border-radius: 50%;
    border: 1px solid #ddd;
    text-align: center;
    line-height:28px;
    margin-bottom: 5px;
    background: #fff;
}

.praise a.active {
    background: #e4e5ed;
    color: #f6f7ff;
}

/*区分聊天*/

.content {
    width: 100%;
    padding: 10px 20px;
}



.me img {
    margin-bottom: 0;
}

.me {
    margin-top: 10px;
    padding-left: 10px;
    clear: both;
    margin-bottom: 5px;
    width: 100%;
    position: relative;
}
.me-box{width:100%;align-items:flex-start;display: flex;}
.me-box .user {
    float: left;
    text-align: center;
    font-size: 14px;
    color: #6b6b6b;
    margin-right:5px;
    position: relative;
}

.me-box .user .greetings {
    position: absolute;
    left: 52px;
    top: -10px;
    border-radius: 4px;
    background: #fff;
    box-shadow: 0 3px 6px #6b6b6b;
    padding: .5rem .5rem;
    z-index: 99;
    min-width: 140px;
    line-height: 20px;
}

.me-box .user .greetings::before {
    width: 0;
    height: 0;
    content: '';
    border-top: 1em solid transparent;
    border-left: 1em solid #fff;
    border-right: 1em solid transparent;
    position: absolute;
    top: 50%;
    left: -9px;
    -webkit-transform: rotateZ(44deg);
    transform: rotateZ(44deg);
}
.me-box .me-title{font-weight: 600;font-size: 14px;}
.me-box .me-text {
    float: left;
    background: #fff;
    padding: 7px;
    border-radius: 15px 15px 15px 0;
    margin: 0 10px;
    border: 1px solid #fff;
    position: relative;
    line-height: 25px;
    box-shadow: 4px 4px 5px #cbcbd2;
    max-width:80%;
    font-size: 14px;
}
.me-box .me-text p{position: relative;padding-bottom:10px;}
/*.me-box .me-text a {
  display: inline-block;color: #737373;word-wrap:break-word;width: 92%;
}*/

.me-text h2 {
    color: #737373;
}
.me-data{
    color:#9d9596;
    font-size: 12px;
    padding-top:15px;
    padding-bottom:15px;
}
/*other*/

.other {
    padding-top:15px;
    padding-left: 10px;
    clear: both;
    margin-bottom:15px;
}

.other .user {
    float: right;
    text-align: center;
    font-size: 14px;
    color: #6b6b6b;
}

.other .user img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    margin-bottom: 5px;
}

.other .other-text {
    float: right;
    background: #d3e9ff;
    padding: 7px;
    border-radius: 15px 15px 0 15px;
    margin: 0 10px;
    line-height: 25px;
    box-shadow: 4px 4px 10px #cbcbd2;
    color: #434450;
    max-width:455px;
    word-wrap: break-word;
    text-align: left;
    margin-bottom: 10px;font-size: 14px;
}
.other-data{
    text-align: right;
    color:#9d9596;
    font-size: 12px;
    padding-bottom:10px;
}
.copy-will{
    border:1px solid #4694f9;border-radius: 4px;color:#4694f9;
    margin: 10px 3px;
}
.copy-will:hover{background: #4694f9;color: #fff;border-radius: 4px;}
.copy-success{float: right;border:1px solid #4694f9;background: #4694f9;color: #fff;border-radius: 4px;}
.copy-error{float: right;border:1px solid #4694f9;background: #dc4300;color: #fff;border-radius: 4px;}
.container .right {
    float: left;
    width: 27.6%;
    height: 92%;
    background: #fff;
    padding: 0 10px;
    border-left: 10px solid #f5f6fa;
    border-radius: 0 0 4px 0;
    position: relative;
}

.container .right h1 {
    border-bottom: 1px solid #e6e6e6;
    padding: 25px 0 7px 0;
    font-size: 15px;
    color: #7789BB;
}
.container .right h1 i{
    float: left;
    font-size:22px;
}
.container .right .link-left {
    display: inline-block;
    width: 4px;
    height: 13px;
    background: #7789BB;
    margin-right:5px;
    border-radius: 2px;
    margin-left:12px;
}

.container .right .hot-list li {
    padding: 6px 0;
    color: #737373;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.container .right .hot-list li a {
    width: 100%;
    color: #737373;
    text-decoration: none;
    font-size: 14px;
    line-height: 20px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.search-bottom {
    margin-top: 20px;
}
/* 2020-07-01 shenyi add 对齐 */
.container .search-cont{
    padding-left:9px;
    display: flex;flex-wrap: wrap;
}
.container .right .search-cont div {
    display: inline-block;
    width: 45%;
    max-width:89px;
    overflow: hidden;
    white-space: nowrap;
    margin-right: .5rem;
}

.container .right .search-cont a {
    float: left;
    display: inline-block;
    padding: 15px 15px 0 0;
    color: #666;
    font-size: 14px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
}

.container .left {
    position: relative;
    float: left;
    width: 72.4%;
    height: 92%;
    background: #fff;
    border-radius: 0 0 0 4px;
}

.container .left .top {
    width: 100%;
    height: 47px;
    padding: 15px 29px;
    background-color: #eceff1;
}

.container .left .top span {
    font-size: 15px;
    color: var(--grey);
}

.container .left .top span .name {
    color: var(--dark);
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 600;
}

.container .left .conversation-start {
    position: relative;
    width: 96%;
    margin-top: 20px;
    margin-bottom: 0;
    text-align: center;
}

.container .left .conversation-start span {
    color: #bab9c5;
}

.container .left .conversation-start img {
    float: left;
    width: 40px;
    height: 40px;
    margin-right: 12px;
    border-radius: 50%;
}

.container .left .conversation-start span {
    font-size: 14px;
    display: inline-block;
    color: var(--grey);
}

/* .container .left .conversation-start span:before, .container .left .conversation-start span:after {
  position: absolute;
  top: 10px;
  display: inline-block;
  width: 30%;
  height: 1px;
  content: '';
  background-color: var(--light);
}
.container .left .conversation-start span:before {
  left: 0;
}
.container .left .conversation-start span:after {
  right: 0;
} */
.el-tabs--top .el-tabs__item.is-top:nth-child(2) {
    padding-left: 20px !important;
}

.el-tabs__item {
    padding: 0 19px;
}

.swiper-button-prev, .swiper-button-next {
    width: 16px;
    height: 20px;
    background-size: 12px 33px !important;
}

.el-tabs__active-bar {
    left: -19px !important;
    width: 36% !important;
    height: 4px !important;
}

#mask,#mask_yhjy {
    background: rgba(0, 0, 0, .5);
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 4;
    top: 0;
    left: 0;
}

.mask {
    width: 520px;
    height: 380px;
    background: #f6f7ff url(../images/timg.png) repeat;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 47;
}

.mask .title {
    background: #758bff;
    color: #fff;
    font-size: 16px;
    height: 40px;
    line-height: 40px;
    padding: 0 10px;
}

.mask .title span {
    float: right;
    margin-top: 3px;
}

.mask .title span img {
    width: 19px;
    height: 19px;
}

.mask .user {
    float: left;
    text-align: center;
    font-size: 14px;
    color: #6b6b6b;
    position: relative;
}

.mask .user img {
    width:45px;
    height:54px;
    margin-bottom: 5px;
}

.mask .user {
    float: left;
}

.mask .content {
    padding: 24px 20px;
}

.mask .content .btn {
    text-align: center;
    padding: 15px 0;
}

.mask .content button {
    background: #4694f9;
    color: #fff;
    border-radius: 4px;
    padding: 5px 25px;
    border: 0;
}
.content-user{display: flex;}
.user-cont {
    flex: 1;
    margin-left: 10px;
    border: 1px solid #e6e7ee;
    border-radius: 10px 10px 10px 0;
    box-shadow: 2px 2px 10px #cbcbd2;
    padding: 0 10px 10px;
    font-size: 14px;
}

.user-cont textarea {
    width: 370px;
    height: 120px;
    border: 1px solid #e4e4e4;
}

.user-cont p {
    padding: 10px 0 10px;
    line-height: 22px;
}

input[type="radio"] + label::before {
    content: "\a0"; /*不换行空格*/
    display: inline-block;
    vertical-align: middle;
    font-size: 18px;
    width: 1em;
    height: 1em;
    margin-right: .1em;
    border-radius: 50%;
    border: 1px solid #4694f9;
    text-indent: .15em;
    line-height: 1;
}

input[type="radio"]:checked + label::before {
    background-color: #4694f9;
    background-clip: content-box;
    padding: .2em;
}

input[type="radio"] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
}

.emotion-box .happy-scroll-container {
    width: 100% !important;
    height: 100% !important;
}
.happy-scroll-container{
     height: 98%!important;
     width: 98%!important;
 }
.happy-scroll-container .happy-scroll-content{
    width:98%;
}
.radiobox{margin-right:25px;}
.me-box .me-text .oneLevel span{cursor: pointer;color: #1a1a1a;font-size:14px;}

.multiConetent{display: inline-block; cursor: pointer;color: #737373;width: 98%; word-break:break-all;margin-left:12px;font-size:14px}
.ansContent{display: inline-block; color: #737373;font-size:14px;word-wrap:break-word;word-break:break-all;margin:5px 12px}
.actived{background-color:#d3e9ff;color:#434450 !important}
.yawp-text{color:#737373}
.yawp-text:focus { outline: none; } 
.el-select{width:100%;}
.yhyj label,.yhyj input,.yhyj textarea{font-size:14px;font-family:'Microsoft Yahei', Arial;}
.ansContent a{display: inline !important;}/*2020-10-14 shenyi 增加 回答内容如果有链接，显示链接色和不占行*/
.ansContent label{font-weight: bold;margin-right:15px; line-height: 35px}

.me-img{width:100%;height:200px;display: block;margin-top:5px;cursor:pointer}/*2021-01-29 shenyi 增加 回答图片*/
.me-img-win{width:100%;height: 100%;overflow:auto;}/*2021-01-29 shenyi 增加 回答图片*/
.me-file{margin-right:5px;}/*2021-01-29 shenyi 增加 附件*/
.multiConetent .multiConetent-dept{color:rgb(179, 177, 177);font-size:10px}/*2021-02-26 shenyi */

.home-wrap{background: url(../images/home-bk-wrap.jpg) no-repeat center;}
.home-container{width:1200px;height:675px;background: url(../images/home-bk.jpg) no-repeat 5px center;background-size: 100%;position: relative;}
.home-container ul{width:100%;height:100%;}
.home-container li{cursor:pointer;position:absolute;width:80px;height:26px;}
.home-container li img{content:url(../images/home-robot.gif);position:absolute;left:0;top:-86px;width:100px; display: none;}

.panorama-img{background: url(../images/panorama3.jpg) no-repeat center center;width:200px;height:92px;}
.panorama-img:hover{background-image: url(../images/panorama3.jpg)}

.home-wrap, .panorama-background{
    display: flex;
    align-items: center;
    justify-content: center;
    /*letter-spacing: 1px;*/
}
.list-item-cont1 a{
    margin: 0 5px;
}
.panoramaSunburst-background{
    background: url(../images/panoramaBackGround.jpg) 100% fixed;
    background-size: 100% 100% ;
}
.panoramaSunburst-main{
    background: url(../images/panoramaRound.png) no-repeat center;
    background-size: 50% 100% ;
    /*letter-spacing: 1.5px;*/
}
.panorama-container {
    position: relative;
}



/*riskPanorama中的样式*/

.detail-background{
    background-color: #C8EAFE;
}
.col-blue {
    color: #118DEC;
}
.col-blue a {
    color: #118DEC;
}
.col-black {
    color: #000;
}

/* 顶部区域top-area */
.top-area img {
    width: 100%;
    height: 22.92vw;
}
/* 顶部区域top-area */

/* 内容区域content-area */
.content-area {
    position: absolute;
    top: 8vw;
    left: 50%;
    width: 55%;
    transform: translateX(-50%);
    padding: 1.5vw 7.29vw;
    background-color: #fff;
    border-radius: 15px;
    line-height: 1.5;
    letter-spacing: 1.5px;
}
.content-area .title {
    color: #292F64;
}
.content-area .title div {
    display: flex;
    justify-content: center;
    /*text-align: center;*/
    font-size: 30px;
    padding-top: 20px;
}
/* .content-area .title .main-title {
  margin-top: 1.5vw;
} */
.content-area .title .sub-title {
    margin-top: 1vw;
}
.content-area .content {
    color: #000;
}
.content-area .content .content-item:first-child {
    margin-top: 1.5vw;
}
.content-area .content .content-item:not(:first-child) {
    margin-top: 1vw;
}
.content-area .content .content-item .content-title {
    display: inline-block;
    padding: 0.5vw 1.5vw;
    color: #fff;
    border-radius: 25px;
    background:  linear-gradient(to right, #B12BC1, #205DC8);
}
.content-area .content .content-item .content-text {
    margin-top: 0.8vw;
}
/* 内容区域content-area */
.content-seat {
    background-color:#C8EAFE;
}

.footer-area {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1vw 0 1vw 0;
}

.advertisingReview{
    display: block;
    background: url('../images/advertisingReview.png') no-repeat center;
    height: 31px;
}
.policyLibrary{
    display: block;
    background: url('../images/policyLibrary.png') no-repeat center;
    height: 31px;
}
.caseLibrary{
     display: block;
     background: url('../images/caseLibrary.png') no-repeat center;
     height: 31px;
 }
.businessPermit{
    display: block;
    background: url('../images/businessPermit.png') no-repeat center;
    height: 31px;
}
.indent{
    text-indent: 2em;
}

.riskAtlasOverflow{
    max-height: 150px;
    overflow: hidden;
}

.complianceAdviceOverflow{
    max-height: 250px;
    overflow: hidden;
}
.clickMore{
    text-align: center;
    font-weight: bold;
}
@media only screen and (min-width: 2049px) {
    body {
        font-size: 18px;
    }
    html {
        font-size: 18px;
    }
    .ft-16 {
        font-size: 16px;
    }
    .ft-18 {
        font-size: 18px;
    }
    .ft-42 {
        font-size: 42px;
    }
    .footer-area {
        padding-top: 0.5vw;
    }
    .panoramaSunburst-main{
        letter-spacing: 1.5px;
    }
}

@media only screen and (max-width: 2048px) {
    body {
        font-size: 18px;
    }
    html {
        font-size: 18px;
    }
    .ft-16 {
        font-size: 16px;
    }
    .ft-18 {
        font-size: 18px;
    }
    .ft-42 {
        font-size: 42px;
    }
    .footer-area {
        padding-top: 0.5vw;
    }
    .panoramaSunburst-main{
        letter-spacing: 1.5px;
    }
}

@media only screen and (max-width: 1600px) {
    body {
        font-size: 16px;
    }
    html {
        font-size: 16px;
    }
    .ft-16 {
        font-size: 14px;
    }
    .ft-18 {
        font-size: 16px;
    }
    .ft-42 {
        font-size: 40px;
    }
    .panoramaSunburst-main{
        letter-spacing: 1px;
    }
}

@media only screen and (max-width:1366px) {
    body {
        font-size: 14px;
    }
    html {
        font-size: 14px;
    }
    .ft-16 {
        font-size: 12px;
    }
    .ft-18 {
        font-size: 14px;
    }
    .ft-42 {
        font-size: 38px;
    }
    .panoramaSunburst-main{
        letter-spacing: 0;
    }
}
